@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  div {
    // margin-bottom: constant(safe-area-inset-bottom);
    // margin-bottom: env(safe-area-inset-bottom);
  }
  ul, ol{
    margin-bottom: 16px;
    margin-top: 0;
  }
  ul{
    li{
      margin-bottom: 16px;
      list-style-type: disc;
      list-style-position:inside;    
      &>p{
        display: inline;
      }
      ul{
        padding-left: 20px;
        margin-top: 10px;
        li{
          list-style-type: circle;
          list-style-position:inside;
          margin-bottom: 16px;
        }
      }
    }
  }
  ol {
    li{
      list-style-type:decimal;
      list-style-position:inside;
      margin-bottom: 16px;
      &>p{
        display: inline;
      }
    }
  }
}
